/* 织梦58（dede58.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */




#indexPage #mpartner .slider_control a:hover {background-color: #424242}

.bx-wrapper .bx-controls-direction a:hover {background-color: #4E4E4E}

/*幻灯左右切换按钮 */

.bx-wrapper .bx-controls-direction a {background: rgba(0,0,0,.2);border-radius: 3px;}




/*案例*/


#contactform p textarea.inputtxt {height: 80px;}
#contactform p .inputtxt {border: none;margin-bottom: 10px;background: none;width: 0;height: 0;line-height: 0;padding: 0;color: transparent;}
#indexPage #mteam .description {padding: 0 30px;color: #848484;}

#footer {background: #151214;}
#indexPage #mteam .slider_control a i:hover {color: #e73828;}
.teamitem a div.wrap span {background: #e73828;}

#footer p {text-align: center;color: #595959;}
.teamitem a div.wrap {background: #171717;}
/*首页幻灯高度*/

#indexPage #mslider {height: 400px;}
bx-wrapper .bx-pager.bx-default-pager a {width: 20px;height: 4px;margin: 0px 5px;border-radius: 6px;border: 1px solid #C8C8C8;}
/*首页全屏*/

#indexPage #mslider {height: 0}
#indexPage #mslider ul li p.title {text-transform: uppercase;font-size: 80px;line-height: 80px;height: 80px;}
#indexPage #mslider ul li p.subtitle {color: #8C8C8C;width: 600px;margin: 10px auto;}
#indexPage #mslider ul li div {background-image: url("/templates/upload/77/icon/dian1.png");}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom: 0px;background-color: rgba(0,0,0,.6);}
#shares a#gotop {margin-top: 1px;background-color: rgba(0, 0, 0, 0.2);transition: all 0.3s ease-out 0s;}
#shares a#gotop:hover {background-color: rgba(0, 0, 0, 0.8);}
#shares a#sweibo {background-color: rgba(36, 24, 26, 0.5);transition: all 0.3s ease-out 0s;}
#shares a#sweibo:hover {background: #EA493C;}
#shares a#sweixin {background-color: rgba(36, 24, 26, 0.3);transition: all 0.3s ease-out 0s;}
#shares a#sweixin:hover {background: #24B727;}
.bx-wrapper .bx-pager.bx-default-pager a {width: 50px;height: 1px;}
#indexPage #mslider ul li p {color: #e73828;}
/*新导航*/


/*在线咨询*/

#olx_head {background: #1D1D1D;border-radius: 0px;color: #e73828;}
#online_lx {border-radius: 0px;}
#olx_qq li a:hover i {color: #e73828;}
#olx_qq li a:hover {padding: 18px 30px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {border: 1px solid transparent;background-color: transparent;}
.bx-wrapper .bx-pager.bx-default-pager a {border: 1px solid transparent;margin: 0px 0px;border-radius: 0px;background: transparent none repeat scroll 0% 0%;}
/*服务*/



.serviceitem a {display: block;height: 120px;margin: 20px auto 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.serviceitem:hover {background-color: #37292f;padding: 0 0;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);border-radius: 20px;}
.serviceitem {height: 300px;margin-right: 1%;width: 32%;margin-top: 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color: transparent;border-radius: 20px;}
.serviceitem div p.description {color: #595757;height: 78px;overflow: hidden;width: 70%;margin-top: 10px;padding: 0 15%;transition: all 0.2s ease-out 0s;font-size: 12px;text-align:left;}
.serviceitem div p.title {font-size: 16px;width: 70%;padding: 0 15%;color: #eeefef;font-family: "NeoSansStd-Regular", "微软雅黑";}

.serviceitem:hover .title {color: #eeefef;}
.serviceitem:hover div p.description {color: #846E6E;;}


#contactinfo {padding: 140px 0 0 136px;background-image: url("../images/logo.png");background-repeat: no-repeat;}
#contactform.fr {padding: 0px 454px 0 0;background-image: url("../images/app.png");background-repeat: no-repeat;height: 588px;}

#mcontact .content .header {padding-top: 60px;padding-bottom: 50px;}
#contactform p .inputsub {background-color: transparent;margin-top: 0;padding: 0;color: transparent;font-size: 0;}
#contactform .inputtxt.active {border-color: #424242}
#contactinfo h3 {color: #e73828;}
/*首页新闻*/



#indexPage a.more:hover {border-color: #333;text-indent: 0px;background: #333;width: 220px;margin-left: -116px;}
/*首页团队*/

#indexPage #mteam {background-color: #291A21;height: 656px;}
#mteam .content .header {padding-top: 100px;padding-bottom: 50px;}
/*服务内页*/



#servicelist .serviceitem {height: 360px;margin-right: 1%;width: 32%;margin-top: 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;background-color: #f8f8f8;margin-bottom: 0px;}
#servicelist .serviceitem:hover {background-color: #fff;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}
#servicelist .serviceitem:hover .title {color: #151515;}
#servicelist .serviceitem div p.description {color: #7B7B7B;}
#servicelist .serviceitem div p.title {color: #6C6C6C;}
#servicelist {width: 100%;}
#servicelist .wrap {width: 100%;margin-left: 1%;}
/*项目详情*/

#projectinfo {width: 340px;float: right;padding: 0px 50px;margin-left: 0px;}
#projectwrap.fw {width: 100%;}
#projectimages li img {display: block;float: none;margin: 0px auto;max-width: 100%;}
#projectbody {max-width: 100%;margin: 0px auto;width: calc(100% - 490px);float: right;padding: 0 50px 0 0;}
#projectbody img{max-width: 100%;}
#projectimages li img {display: block;float: none;max-width: 100%;margin: 0px auto;}
#projectimages li {margin-bottom: 0px;}
#projectinfo .description a {background: #2D2D2D;border-radius: 3px;padding: 6px 40px;}
#projectinfo .description a:hover {background: #e73828;color: #fff;}
#sitecontent .npagePage .content #plheader.header p.title {color: transparent;font-size: 0;}
#sitecontent .npagePage .content #plheader.header p.subtitle {color: transparent;font-size: 0;}
#plheader {padding-bottom: 20px;padding-top: 0px;}
.teamitem .teaminfo {text-align: left;}
#indexPage #mslider ul li {background-color: #000;}
.npagePage #projectlist .projectitem {margin-bottom: 100px;}
.npagePage #projectlist .projectitem .project_info p.title {color: #717171;padding: 10px 0px 0px 20px;}
.npagePage #projectlist .projectitem .project_info p.subtitle {margin-top: 0px;color: #8C8C8C;font-size: 12px;}
.npagePage #projectlist .projectitem1 {margin-bottom: 100px;}
.npagePage #projectlist .projectitem1 .project_info p.title {color: #717171;padding: 10px 0px 0px 20px;}
.npagePage #projectlist .projectitem1 .project_info p.subtitle {margin-top: 0px;color: #8C8C8C;font-size: 12px;}
#indexPage a.more:hover i {color: transparent;text-indent: -10px;}
/*首页团队*/

#mteam .fw {margin: 0px auto;width: 100%;}
#indexPage #mteam .header img {float: left;margin: -100px 0px 0 0;border-radius: 0px;width: 68%;height: auto;}
#indexPage #mteam .header p.title {margin: 140px 0px auto;color: #F8F8F8;}
#indexPage #mteam .header p.subtitle {margin-right: 0px;}
.module-slider .description {width: auto;height: auto;font-size: 12px;}
#indexPage #mteam .slider_wrapper {width: auto;height: auto;}
#indexPage #mteam .slider_control {height: 40px;position: absolute;z-index: 9;right: -4px;width: 100px;margin: 290px 0;}

#indexPage #mteam .slider_control a i {color: #fff;background-color: rgba(38, 24, 24, 0.5);padding: 16px 20px;border-radius: 5px;}
#indexPage #mteam .slider_control.prev {left: -4px;}
#indexPage #mteam .slider_control.right {right: -4px}
.npagePage .content .header p.title {color: transparent;font-size: 0;}
.npagePage .content .header p.subtitle {color: transparent;font-size: 0;}
.npagePage .content .header {padding-top: 61px;padding-bottom: 0px;}
#newsPage #newslist .newstitem {background-color: #fff;}
#newsPage #newslist .newstitem:hover {background: #291b20;}
#projectih .header p.title {color: #444;font-size: 22px;margin-left: 0px;letter-spacing: 0px;}
#projectih .header p.subtitle {color: #787878;font-size: 12px;}
#indexPage a.more i {font-size: 0;}
#indexPage #category {display: none;}

.nobanner #header {background: #c8c8c8;}
.swiper-container{display: none}
@media screen and (max-width:640px) {
    .fw{ width: 100%}
    #header{background: #a1a1a1;}
    #header #logo {padding:10px 0;float: none;width:200px; margin:auto;}

    #header ul#nav {float: none;padding: 0;}
    #header ul li {padding:5px 1%;float: left; width: 31.3%; line-height: 20px;}
#header ul li:hover .subnav{display:none}
    #indexPage #mservice{ display: none}
    .content .header p.title{ font-size: 14px;}
    #projectmore{ top:75px;}
    #mproject .content .header,.content .header {padding-top:20px;padding-bottom:50px;}

    #projectlist .projectitem {width:48%;height:150px;background: #fff;}
    #indexPage a.more{top:75px; margin-top: 0;}
    #mnews .content .header{ padding-bottom: 70px;}
    #newslist .newscontent {width:90%;padding:15px 0 10px;}
    #indexPage #mnews{ padding-bottom: 50px;background: white;}
    #newslist .newsinfo,#newslist .newsbody {margin-left: 0;}
    #newslist .newsdate,#contactform.fr{ display: none}
    #newslist .newsbody .title,#newslist .newsbody .description{ width: 100%}
    #mcontact .content .header {padding-top:20px;padding-bottom:20px;}
    #contactinfo{ background: none; padding: 10px 0; text-align: center; width: 100%}
    .npagePage #projectlist .wrapper{ width: 94%;}
    .npagePage #projectlist .projectitem{ margin-bottom: 15px;}
    #projectlist .projectitem .project_info,#projectlist .projectitem .project_info div{ position: initial;height: auto;}
    .npagePage #projectlist .projectitem .project_info p.title{ padding: 0; font-size: 12px; text-align: center;    margin-bottom: 10px;}
    .nobanner .npagePage{ padding-top: 120px;}
    #projectbody {width:96%;float: none; padding: 20px 0}
    #projectinfo{ width: 96%; padding: 0; margin: auto; float: none;}
    #projectih .header p.title{ font-size: 16px;}
    #category li{margin:0;padding:0;width: 48%;}
    #projectlist .projectitem2{width: 48%;height: auto;    padding-bottom: 20px;
    background: #fff;}
    .gsjj{width: 100%!important;}
    .ld{width: 100%!important;}
    .ldzc{width: 100%!important;}
    .ldzc{width: 100%!important;}
    .ldtp{width: 100%!important;}
    .hzgy{width: 100%!important;}
    .hz{width: 100%!important;margin-right:0!important;}
    .hztp{width: 100%!important;}
    #pages{padding:0;height: auto;}
    #projectlist .projectitem1{height: 92px;width: 48%;}
    .npagePage #projectlist .projectitem1{margin-bottom: 7px;}
    #D p{width: 100%!important;}
    .about_border{width: 100%!important;}
    .contact-img{width: 100%!important;}
    .contact-info{width: 100%!important;}
    .npagePage #banner div{background-size: 100% 100%;    height: 120px;}
    #sitecontent{    padding-top: 149px;}
    .npagePage #banner{height: 120px;}
    #mslider{display: none}
    .swiper-container{display: block}
    #indexPage{padding-top: 149px;}
    #shares{bottom: 60px;}
}
.bottom {
    padding: 0px 0px;
}
.footer {
    width: 1200px;
    margin: 0 auto;
    font-size: 15px;
    color: #fff;
    font-family: 微软雅黑;
    line-height: 32px;
}
.foot {
    text-align: left;
    margin-top: 0px;
}
.foot_c {
    width: 416px;
}
.lt{float: left}
.rt{float: right}
.foot .rt{margin-top: -45px;
    width: 150px;}
.foot .rt img{width: 150px;}
#H{
    background: #282828;
    height: 250px;padding-top: 105px;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display: none;}
.bottom-fixed {
    background: #42250E;
    bottom: 0;
    position: fixed;
    height: 55px;
    text-align: center;
    z-index: 9999;
    line-height: 70px;
    color: #fff;
    width: 100%;
    left: 0px;
    display: none;
}
.bottom-fixed li {
    border-right: #fff 0px solid;
    font-size: 16px;
    width: 25%;
    float: left;
    list-style: none;
    text-align: center;
    height: 60px;
    padding-top: 5px;
    background: #000;
}
.sms {
    background: url("../images/sms.png") no-repeat scroll center 4px transparent;
    float: left;
    height: 100%;
    width: 100%;
    color: #fff;
    line-height: 70px;
    font-size: 14px;
}
.tel {
    background: url("../images/tel1.png") no-repeat scroll center 0px transparent;
    float: left;
    height: 100%;
    width: 100%;
    line-height: 70px;
    color: #fff;
    text-align: center;
    font-size: 14px;
}
.map {
    background: url("../images/home1.png") no-repeat scroll center -3px transparent;
    float: left;
    height: 100%;
    width: 100%;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
}
.chat {
    background: url("../images/sq.png") no-repeat scroll center -2px transparent;
    float: left;
    height: 100%;
    width: 100%;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
}
@media only screen and (max-width : 640px) {
    .bottom-fixed{
        display: block;
    }
    #H{display: none;}
}